<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>访问控制-精细化配置管理</title>

    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>


    <meta name="renderer" content="webkit"/>

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link
            href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
            rel="stylesheet" type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
            rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css"
          id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .input-group-btn button{
            margin-left: auto !important;
        }
        .form-group {
            margin-bottom: 5px;
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }
        .actions a{
            margin-right: 5px;
        }

        [v-cloak]{
            display:none;
        }
        /* .portlet-body { */
        /*     height: 100vh; */
        /*     overflow: auto; */
        /* } */


    </style>
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div id="main-container" class="row" style="margin-top:16px;" v-cloak>
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>调用方精细化配置
                </div>
                <div class="actions">
                    <a  class="btn btn-default btn-sm" @click="save" v-show="tableData.list.length != 0">
                        <i class="fa fa-save"></i> 保存
                    </a>
                    <a class="btn btn-default btn-sm"  @click="goback">
                        <i class="fa fa-backward"></i>
                        返回
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div class="bootstrap-table">
                    <div class="fixed-table-container" style="padding-bottom: 0px;">
                        <div class="fixed-table-body">
                            <table id="tb_dataList" class="portlet-body table table-hover table-striped">
                                <thead>
                                <tr>
                                    <th style="text-align: center; vertical-align: middle; width: 50px;">
                                        <input type="checkbox" v-model="checkedAllFlag" lay-skin="primary" @click="clickTotalBox()">
                                    </th>
                                    <th style="text-align: center; vertical-align: middle; ">
                                        <div class="th-inner">AppCode</div>
                                    </th>
                                    <th style="text-align: center; vertical-align: middle; ">
                                        调用方名称
                                    </th>
                                    <!--
                                    <th style="text-align: center; vertical-align: middle; ">
                                        管理单位
                                    </th>
                                    -->
                                    <th style="text-align: center; vertical-align: middle; ">
                                        访问开始日期
                                    </th>
                                    <th style="text-align: center; vertical-align: middle; ">
                                        访问结束日期
                                    </th>
                                    <!--
                                    <th style="text-align: center; vertical-align: middle; ">
                                        访问开始小时
                                    </th>
                                    <th style="text-align: center; vertical-align: middle; ">
                                        访问结束小时
                                    </th>
                                    -->
                                    <th style="text-align: center; vertical-align: middle; ">
                                        单日调用次数
                                    </th>
                                    <th style="text-align: center; vertical-align: middle; "
                                        v-if="servicetype == 'singleTableServer' || servicetype == 'executeSqlServer' ">
                                        测站分组过滤
                                    </th>
                                    <th style="text-align: center; vertical-align: middle; "
                                        v-if="servicetype == 'singleTableServer' || servicetype == 'executeSqlServer' ">
                                        时间过滤
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr v-for="(item,index) in tableData.list">
                                    <th style="text-align: center; vertical-align: middle; ">
                                        <input type="checkbox" v-model="item.status" lay-skin="primary" @click="clickAppRow(item)">
                                    </th>
                                    <td style="text-align: left; vertical-align: middle; ">{{item.appCode}}</td>
                                    <td style="text-align: left; vertical-align: middle; min-width: 120px; " >{{item.appName}}</td>
<!--                                    <td style="text-align: left; vertical-align: middle; min-width: 120px; " >{{item.department}}</td>-->
                                    <td style="text-align: center; vertical-align: middle;min-width: 225px; ">
                                        <div class="input-group input-group-date" @click="startTimeComponent(index)">
                                            <input type="text" v-model="item.startTime"  class="form-control " :id="'startTime' + index" placeholder="请选择" readonly/>
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-white ">
                                                    <i class="ace-icon fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </td>
                                    <td style="text-align: center; vertical-align: middle;min-width: 225px;  ">
                                        <div class="input-group input-group-date" @click="endTimeComponent(index)">
                                            <input type="text" v-model="item.endTime" class="form-control " :id="'endTime' + index" placeholder="请选择" readonly/>
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-white ">
                                                    <i class="ace-icon fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </td>
                                  <!--  
                                    <td style="text-align: center; vertical-align: middle; min-width: 150px; ">
                                        <div class="input-group input-group-date" @click="startHourComponent(index)">
                                            <input type="text" class="form-control " v-model="item.startHour" :id="'startHour' + index" placeholder="请选择" readonly/>
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-white ">
                                                    <i class="ace-icon fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </td>
                                    <td style="text-align: center; vertical-align: middle; min-width: 150px;  " >
                                        <div class="input-group input-group-date" @click="endHourComponent(index)">
                                            <input type="text" class="form-control " v-model="item.endHour" :id="'endHour' + index" placeholder="请选择"  readonly/>
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-white ">
                                                    <i class="ace-icon fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </td>
                                    -->
                                    <td style="text-align: center; vertical-align: middle;min-width: 100px; max-width: 120px " >
                                        <input type="text" class="form-control"
                                               v-model="item.dailyCount = item.dailyCount === 0 ? '无限制' : item.dailyCount"/>
                                    </td>
                                    <td style="text-align: center; vertical-align: middle; min-width: 120px;" v-if="servicetype == 'singleTableServer' || servicetype == 'executeSqlServer' ">
                                        <select class="form-control" v-model="item.filterCatalogId" >
                                            <option value="" selected>无限制</option>
                                            <option v-for="(itm,idx) in appIdCatalogInfoListMap[item.appId]" :value="itm.catalogId">
                                                {{itm.catalogName}}
                                            </option>
                                        </select>
                                    </td>
                                    <td style="text-align: center; vertical-align: middle;min-width: 435px;  " v-if="servicetype == 'singleTableServer' || servicetype == 'executeSqlServer' ">
                                        <div class="input-group input-group-date" >
                                            <input type="text"  @click="filterStartTimeComponent(index)" v-model="item.filterStartTime" class="form-control " :id="'filterStartTime' + index" placeholder="开始时间" readonly/>
                                            <span class="input-group-btn" @click="filterStartTimeComponent(index)">
                                                <button type="button" class="btn btn-white ">
                                                    <i class="ace-icon fa fa-calendar"></i>
                                                </button>
                                            </span>

                                            <input type="text"  @click="filterEndTimeComponent(index)" v-model="item.filterEndTime" class="form-control " :id="'filterEndTime' + index" placeholder="结束时间" readonly/>
                                            <span class="input-group-btn" @click="filterEndTimeComponent(index)">
                                                <button type="button" class="btn btn-white ">
                                                    <i class="ace-icon fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </td>
                                </tr>
                                <tr v-if="tableData.list.length == 0">
                                    <td style="text-align: center; vertical-align: middle; " colspan="8">暂无数据</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>
<input id="hid_appId" name="hid_appId" type="hidden"/>
<!--<script src="../metronic/assets/global/plugins/jquery.min.js"-->
<!--type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
        type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
        type="text/javascript"></script>

<!-- END PAGE LEVEL SCRIPTS -->
<!-- VUE -->
<script src="../metronic/assets/vue/vue@2.js" type="text/javascript"></script>
<script src="../metronic/assets/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../js/serviceConfigration/authconfig/configApplicationCode.js" type="text/javascript"></script>


</body>
</html>
